<!doctype html>
<html>
	<head>
		<meta charset="uft-8">
		<title></title>
		<style>
			body{
				margin:0px;
				padding:0px;
			}
			#footer{
				width:1000px;
				background:#f5f5f5;
				margin:0 auto;
			}
			#footer_top{
				width:1000px;
				height:82px;
			}
			#footer_top>ul{
				width:996px;
				height:80px;
				margin-left:2px;
				margin-right:2px;
				list-style:none;
			}
			#footer_top>ul>li{
				width:65px;
				height:80px;
				float:left;
				margin:0 92px;
			}
			#footer_top>ul>li p{
				margin:0px 0px;
				font-size:14px;
				color:#666;
				font-family:"黑体";
			}
			header{
				width:1000px;
			}
			header nav{
				width:1000px;
				height:18px;
			}
			header>nav>ul>li{
				list-style:none;
				float:left;
				margin-left:40px;
			}
			header>nav>ul>li a{
				text-decoration:none;
				font-size:16px;
				color:#ccc;
				font-family:"黑体";
			}
			header>nav>ul>li a:hover{
				color:#aaa;
			}
		</style>
	</head>
	<body>
		<header>
			<div id="header_top"></div>
			<nav>
				<ul>
					<li><a href="#">首页</a></li>
					<li><a href="#">电脑办公</a></li>
					<li><a href="#">办公文具</a></li>
				</ul>
			</nav>
		</header>
		<div id="footer">
			<div id="footer_top">
				<ul>
					<li>
						<img src="images/footer/icon1.png">
						<p>品质保障</p>
					</li>
					<li>
						<img src="images/footer/icon2.png">
						<p>品质保障</p>
					</li>
					<li>
						<img src="images/footer/icon3.png">
						<p>学员特供</p>
					</li>
					<li>
						<img src="images/footer/icon4.png">
						<p>专属特权</p>
					</li>
				</ul>
			</div>
			<div id="footer_bottom"></div>
		</div>
	</body>
</html>